<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){


    $(".slidingDiv").hide();
	$(".show_hide").show();
	
	$('.show_hide').click(function(){
	$(".slidingDiv").slideToggle();
	});

});

</script>

<?php 
	if(isset($_SESSION["memtype"])){
		if($_SESSION["memtype"]==0){
?>

<div class = "content">	
<br>
	<td width="1019px" rowspan="5" align="center" valign="top">
		<ul class="tabs">
			<li><a href="#tab1">ตึก</a></li>
			<li><a href="#tab2">ห้องประชุม</a></li>
            <li><a href="#tab3">ห้องปฎิบัติการทางคอมพิวเตอร์</a></li>
		</ul>
		<div class="tab_container">
			<div id="tab1" class="tab_content">
				<h2 align="center">ตึก</h2>
				<p>&nbsp;</p>
				<table width="918" border="1">
                    <tr align="center">
                        <th width="403" scope="col">ตึก 1</th>
                        <th width="170" scope="col"> <input name="Button" type="button" onClick="view();" value="View"></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="left">
                        <th scope="col" colspan="4">
                        	<table width="445" height="224" border="0">
                                <tr>
                                    <th width="120" height="30" align="left" scope="col"><div id="show1"></div></th>
                                    <th width="177" align="left" scope="col"><div id="show11"></div></th>
                                    <th width="43" align="left" scope="col"><div id="show111"></div></th>
                                    <th width="77" align="left" scope="col"><div id="show1111"></div></th>
                                </tr>
                                <tr>
                                    <td height="34" align="left"><div id="show2"></div></td>
                                    <td align="left"><div id="show22"></div></td>
                                    <td align="left"><div id="show222"></div></td>
                                    <td align="left"><div id="show2222"></div></td>
                                </tr>
                                <tr>
                                    <td height="29" align="left"><div id="show3"></div></td>
                                    <td align="left"><div id="show33"></div></td>
                                    <td align="left"><div id="show333"></div></td>
                                    <td align="left"><div id="show3333"></div></td>
                                </tr>
                                <tr>
                                    <td height="32" align="left"><div id="show4"></div></td>
                                    <td align="left"><div id="show44"></div></td>
                                    <td align="left"><div id="show444"></div></td>
                                    <td align="left"><div id="show4444"></div></td>
                                </tr>
                                <tr>
                                    <td height="27" align="left"><div id="show5"></div></td>
                                    <td align="left"><div id="show55"></div></td>
                                    <td align="left"><div id="show555"></div></td>
                                    <td align="left"><div id="show5555"></div></td>
                                </tr>
                                <tr>
                                    <td height="26" align="left"> <div id="show6"></div></td>
                                    <td align="left"><div id="show66"></div></td>
                                    <td align="left"><div id="show666"></div></td>
                                    <td align="left"><div id="show6666"></div></td>
                                </tr>
                                <tr>
                                    <td height="28" align="left">  <div id="show7"></div></td>
                                    <td align="left"><div id="show77"></div></td>
                                    <td align="left"><div id="show777"></div></td>
                                    <td align="left"><div id="show7777"></div></td>
                                </tr>
                            </table>
                        </th>
                    </tr>
                </table>                           
                <p>&nbsp;</p>
                <a href="#" class="show_hide">Add</a><br />
    <div class="slidingDiv">
		<center><h2>เพิ่มตึก</h2>
				<p>&nbsp;</p>
				<form id="form1" name="form1" method="post" action="">
				<p>
					<label for="textfield">ชื่อตึก</label>
					<input type="text" name="textfield" id="textfield" />
				</p>
				<p>&nbsp;</p>
			  <p>
				 <button type="button">บันทึก</button>
				 <button type="button">ยกเลิก</button>
			  </p>
   </form>
  </center>
       
    </div>
                
			</div>
			<div id="tab2" class="tab_content">
				<h2 align="center">ห้องประชุม</h2>
				<p>&nbsp;</p>
				<table width="918" border="1">
                    <tr align="center">
						<th scope="col">1206</th>
                        <th width="170" scope="col"><input name="Button" type="button" onClick="view();" value="View"></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="center">
                        <th width="403" scope="col">1205</th>
						<th width="170" scope="col"><button type="button">View</button></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="left">
                        <th scope="col" colspan="4">
                        	<table width="445" height="224" border="0">
                                <tr>
                                    <th width="120" height="30" align="left" scope="col"><div id="show1"></div></th>
                                    <th width="177" align="left" scope="col"><div id="show11"></div></th>
                                    <th width="43" align="left" scope="col"><div id="show111"></div></th>
                                    <th width="77" align="left" scope="col"><div id="show1111"></div></th>
                                </tr>
                                <tr>
                                    <td height="34" align="left"><div id="show2"></div></td>
                                    <td align="left"><div id="show22"></div></td>
                                    <td align="left"><div id="show222"></div></td>
                                    <td align="left"><div id="show2222"></div></td>
                                </tr>
                                <tr>
                                    <td height="29" align="left"><div id="show3"></div></td>
                                    <td align="left"><div id="show33"></div></td>
                                    <td align="left"><div id="show333"></div></td>
                                    <td align="left"><div id="show3333"></div></td>
                                </tr>
                                <tr>
                                    <td height="32" align="left"><div id="show4"></div></td>
                                    <td align="left"><div id="show44"></div></td>
                                    <td align="left"><div id="show444"></div></td>
                                    <td align="left"><div id="show4444"></div></td>
                                </tr>
                                <tr>
                                    <td height="27" align="left"><div id="show5"></div></td>
                                    <td align="left"><div id="show55"></div></td>
                                    <td align="left"><div id="show555"></div></td>
                                    <td align="left"><div id="show5555"></div></td>
                                </tr>
                                <tr>
                                    <td height="26" align="left"> <div id="show6"></div></td>
                                    <td align="left"><div id="show66"></div></td>
                                    <td align="left"><div id="show666"></div></td>
                                    <td align="left"><div id="show6666"></div></td>
                                </tr>
                                <tr>
                                    <td height="28" align="left">  <div id="show7"></div></td>
                                    <td align="left"><div id="show77"></div></td>
                                    <td align="left"><div id="show777"></div></td>
                                    <td align="left"><div id="show7777"></div></td>
                                </tr>
                            </table>
                        </th>
                    </tr>
                </table>                           
                <p>&nbsp;</p>
                <a href="#" class="show_hide">Add</a><br />
    <div class="slidingDiv">
		<center><h2>เพิ่มห้องประชุม</h2>
				<p>&nbsp;</p>
				<form id="form1" name="form1" method="post" action="">
				<table width="415" height="172" border="0">
					<tr>
						<th width="136" height="43" align="left" scope="col">ตึก</th>
						<th width="144" align="left" scope="col">
						<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
						  <option>??? 1</option>
						</select>
						</th>
						<th width="121" align="left" scope="col">&nbsp;</th>
					</tr>
					<tr>
						<td height="37" align="left"><strong>ชื่อห้อง</strong></td>
						<td align="left">
							<input type="text" name="textfield" id="textfield2" />
						</td>
						<td align="left">&nbsp;</td>
					</tr>
					<tr>
						<td height="56" align="left"><strong>สามารถบรรจุได้</strong></td>
						<td align="left">
							<input type="text" name="textfield2" id="textfield" />
						</td>
						<td align="left">คน</td>
					</tr>
					<tr>
						<td height="24" align="left"><strong>อุปกรณ์</strong></td>
						<td align="left">
							<input type="text" name="textfield3" id="textfield3" />
						</td>
						<td align="left">
						<button type="button">เพิ่ม</button></td>
					</tr>
				</table> 
				<p>&nbsp;</p>
				<p>
					<button type="button">บันทึก</button>
					<button type="button">ยกเลิก</button>
				</p>
				<p>&nbsp;</p>
   </form>
  </center>
       
    </div>		    
		    </div>
            <div id="tab3" class="tab_content">
				<h2 align="center">ห้องปฎิบัติการทางคอมพิวเตอร์</h2>
				<p>&nbsp;</p>
				<table width="918" border="1">
                    <tr align="center">
                        <th scope="col">1302</th>
                        <th width="170" scope="col"><input name="Button" type="button" onClick="view();" value="View"></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="center">
                        <th scope="col">1207</th>
                        <th width="170" scope="col"><button type="button">View</button></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="center">
                        <th scope="col">1207</th>
                        <th width="170" scope="col"><button type="button">View</button></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="center">
                        <th scope="col">1201</th>
                        <th width="170" scope="col"><button type="button">View</button></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="center">
                        <th width="403" height="21" scope="col">1202</th>
                        <th width="170" scope="col"><button type="button">View</button></th>
                        <th width="140" scope="col"><button type="button">Edit</button></th>
                        <th width="177" scope="col"><button type="button">Delete</button></th>
                    </tr>
                    <tr align="left">
                        <th scope="col" colspan="4">
                        	<table width="445" height="224" border="0">
                                <tr>
                                    <th width="120" height="30" align="left" scope="col"><div id="show1"></div></th>
                                    <th width="177" align="left" scope="col"><div id="show11"></div></th>
                                    <th width="43" align="left" scope="col"><div id="show111"></div></th>
                                    <th width="77" align="left" scope="col"><div id="show1111"></div></th>
                                </tr>
                                <tr>
                                    <td height="34" align="left"><div id="show2"></div></td>
                                    <td align="left"><div id="show22"></div></td>
                                    <td align="left"><div id="show222"></div></td>
                                    <td align="left"><div id="show2222"></div></td>
                                </tr>
                                <tr>
                                    <td height="29" align="left"><div id="show3"></div></td>
                                    <td align="left"><div id="show33"></div></td>
                                    <td align="left"><div id="show333"></div></td>
                                    <td align="left"><div id="show3333"></div></td>
                                </tr>
                                <tr>
                                    <td height="32" align="left"><div id="show4"></div></td>
                                    <td align="left"><div id="show44"></div></td>
                                    <td align="left"><div id="show444"></div></td>
                                    <td align="left"><div id="show4444"></div></td>
                                </tr>
                                <tr>
                                    <td height="27" align="left"><div id="show5"></div></td>
                                    <td align="left"><div id="show55"></div></td>
                                    <td align="left"><div id="show555"></div></td>
                                    <td align="left"><div id="show5555"></div></td>
                                </tr>
                                <tr>
                                    <td height="26" align="left"> <div id="show6"></div></td>
                                    <td align="left"><div id="show66"></div></td>
                                    <td align="left"><div id="show666"></div></td>
                                    <td align="left"><div id="show6666"></div></td>
                                </tr>
                                <tr>
                                    <td height="28" align="left">  <div id="show7"></div></td>
                                    <td align="left"><div id="show77"></div></td>
                                    <td align="left"><div id="show777"></div></td>
                                    <td align="left"><div id="show7777"></div></td>
                                </tr>
                            </table>
                        </th>
                    </tr>
                </table>                           
                <p>&nbsp;</p>
                <a href="#" class="show_hide">Add</a><br />
    <div class="slidingDiv">
    <center>
		<h2><strong>เพิ่มห้องปฏิบัติการทางคอมพิวเตอร์</h2>
				<p>&nbsp;</p>
				<table width="727" height="257" border="0">
					<tr>
						<th width="122" height="41" align="left" scope="col">ตึก</th>
						<th width="144" align="left" scope="col"><select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
						  <option>ตึก 1</option>
						</select></th>
						<th width="71" align="left" scope="col">&nbsp;</th>
						<th width="148" align="left" scope="col">&nbsp;</th>
						<th width="200" align="left" scope="col">&nbsp;</th>
					</tr>
					<tr>
						<td height="46" align="left"><strong>ชื่อห้อง</strong></td>
						<td align="left"><input type="text" name="textfield" id="textfield2" /></td>
						<td align="left">&nbsp;</td>
						<td align="left">&nbsp;</td>
						<td align="left">&nbsp;</td>
					</tr>
					<tr>
						<td height="39" align="left"><strong>สามารถบรรจุได้</strong></td>
						<td align="left"><input type="text" name="textfield2" id="textfield" /></td>
						<td align="left">คน</td>
						<td align="left">&nbsp;</td>
						<td align="left">&nbsp;</td>
					</tr>
					<tr>
						<td height="28" align="left"><strong>Hardware</strong></td>
						<td align="left"><input type="text" name="textfield3" id="textfield3" /></td>
						<td align="left">จำนวน</td>
						<td align="left"><input type="text" name="textfield5" id="textfield5" /></td>
						<td align="left"><button type="button">เพิ่ม</button></td><td height="63"></td>
					<tr>
						<td height="26" align="left"><strong>Software</strong></td>
						<td align="left"><input type="text" name="textfield4" id="textfield4" /></td>
						<td align="left"><button type="button">เพิ่ม</button></td>
						<td align="left">&nbsp;</td>
						<td width="16" align="left">&nbsp;</td>
					</tr>
				</table>
				<p>&nbsp;</p>
				<p><strong></strong>
					<button type="button">บันทึก</button>
					<button type="button">ยกเลิก</button>
				</p>
               </center>
  </center>
       
    </div>
			</div>
		</div>
	</td>
</div>

<?php
		}
	}
?>